//
//  WBVisitorView.swift
//  传智微博
//
//  Created by Pro on 2017/8/8.
//  Copyright © 2017年 liuyanwei. All rights reserved.
//

import UIKit

class WBVisitorView: UIView {

    //访客视图信息
     //如果是首页，imageName == ""
    var visitorInfo:[String:String]? {
        didSet{
            // 1.取字典
            guard let imageName = visitorInfo?["imageName"],
                let message  = visitorInfo?["message"] else {
                    return
            }
            //2.设置消息
            tipLabel.text = message
            //3.设置图像
            if imageName == "" { //这是首页，返回了
                startAnimation()
                return
            }
            
            //其他控制器的访客视图不需要小房子，和遮罩
            iconView.image = UIImage.init(named: imageName)
            houseView.isHidden = true
            maskIconView.isHidden = true
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    //旋转图标动画
    fileprivate func startAnimation() {
        let anim = CABasicAnimation.init(keyPath: "transform.rotation")
        anim.toValue = 2 * Double.pi
        anim.repeatCount = MAXFLOAT
        anim.duration = 15
        anim.isRemovedOnCompletion = false //动画完成不删除， 如果 iconView 被释放，动画会一起销毁，设置连续播放的动画非常有用
        iconView.layer.add(anim, forKey: nil)
    }
    
    //MARK : - 私有控件
    //懒加载调用属性只有调用UIKit 控件的指定构造函数，其他需要使用类型
    //图像视图
    fileprivate lazy var iconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    //遮罩视图，不要使用maskView
    fileprivate lazy var maskIconView =  UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    // 小房子
    fileprivate lazy var houseView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    //提示标签
    fileprivate lazy var tipLabel:UILabel = UILabel.cz_label(
        withText: "关注一些人，回这里看看有什么惊喜关注一些人，回这里看看有什么惊喜",
        fontSize: 14,
        color: UIColor.darkGray)
    //注册按钮
    lazy var registerButton:UIButton = UIButton.cz_textButton(
        "注册",
        fontSize: 16,
        normalColor: UIColor.orange,
        highlightedColor: UIColor.black,
        backgroundImageName: "common_button_white_disable")
    //登录按钮
    lazy var loginButton:UIButton = UIButton.cz_textButton(
        "登录",
        fontSize: 16,
        normalColor: UIColor.orange,
        highlightedColor: UIColor.black,
        backgroundImageName: "common_button_white_disable")
}

extension WBVisitorView {
    
    func setupUI() {
        //开发中能用，如果能使用颜色就不要使用图像，效率更高
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        //1. 添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        tipLabel.textAlignment = .center //居中
        //2. 取消 autoresizing 
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        //3. 自动布局
        //图像视图
        addConstraint(NSLayoutConstraint.init(item: iconView,
                                              attribute: .centerX,
                                              relatedBy: .equal,
                                              toItem: self,
                                              attribute: .centerX,
                                              multiplier: 1.0,
                                              constant: 0))
        addConstraint(NSLayoutConstraint.init(item: iconView,
                                              attribute: .centerY,
                                              relatedBy: .equal,
                                              toItem: self,
                                              attribute: .centerY,
                                              multiplier: 1.0,
                                              constant: -60))
        
        
        //小房子
        addConstraint(NSLayoutConstraint.init(item: houseView,
                                              attribute: .centerX,
                                              relatedBy: .equal,
                                              toItem: iconView,
                                              attribute: .centerX,
                                              multiplier: 1.0,
                                              constant: 0))
        addConstraint(NSLayoutConstraint.init(item: houseView,
                                              attribute: .centerY,
                                              relatedBy: .equal,
                                              toItem: iconView,
                                              attribute: .centerY,
                                              multiplier: 1.0,
                                              constant: 0))
        //3.提示标签
        let margin:CGFloat = 20.0
        addConstraint(NSLayoutConstraint.init(item: tipLabel,
                                              attribute: .centerX,
                                              relatedBy: .equal,
                                              toItem: iconView,
                                              attribute: .centerX,
                                              multiplier: 1.0,
                                              constant: 0))
        
        addConstraint(NSLayoutConstraint.init(item: tipLabel,
                                              attribute: .top,
                                              relatedBy: .equal,
                                              toItem: iconView,
                                              attribute: .bottom,
                                              multiplier: 1.0,
                                              constant: margin))
        addConstraint(NSLayoutConstraint.init(item: tipLabel,
                                              attribute: .width,
                                              relatedBy: .equal,
                                              toItem: nil,
                                              attribute:.notAnAttribute,
                                              multiplier: 1.0,
                                              constant: 236))
        //4.注册按钮
        addConstraint(NSLayoutConstraint.init(item: registerButton,
                                              attribute: .left,
                                              relatedBy: .equal,
                                              toItem: tipLabel,
                                              attribute:.left,
                                              multiplier: 1.0,
                                              constant: 0))
        addConstraint(NSLayoutConstraint.init(item: registerButton,
                                              attribute: .top,
                                              relatedBy: .equal,
                                              toItem: tipLabel,
                                              attribute: .bottom,
                                              multiplier: 1.0,
                                              constant: margin))
        addConstraint(NSLayoutConstraint.init(item: registerButton,
                                              attribute: .width,
                                              relatedBy: .equal,
                                              toItem: nil,
                                              attribute:.notAnAttribute,
                                              multiplier: 1.0,
                                              constant: 100))
        
        //5.登录按钮
        addConstraint(NSLayoutConstraint.init(item: loginButton,
                                              attribute: .right,
                                              relatedBy: .equal,
                                              toItem: tipLabel,
                                              attribute:.right,
                                              multiplier: 1.0,
                                              constant: 0))
        addConstraint(NSLayoutConstraint.init(item: loginButton,
                                              attribute: .top,
                                              relatedBy: .equal,
                                              toItem: tipLabel,
                                              attribute: .bottom,
                                              multiplier: 1.0,
                                              constant: margin))
        addConstraint(NSLayoutConstraint.init(item: loginButton,
                                              attribute: .width,
                                              relatedBy: .equal,
                                              toItem: registerButton,
                                              attribute:.width,
                                              multiplier: 1.0,
                                              constant: 0))

        
        //6. 遮罩图像
        //metrics : 定义 VFL中 （） 指定的常数映射关系
        //views : 定义 VFL中控件名称和实际名称的映射关系
        let viewDict = ["maskIconView":maskIconView , "registerButton":registerButton] as [String : Any]
        let metrics = ["spaceing": 20 ]
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|", options: [], metrics: nil, views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spaceing)-[registerButton]", options: [], metrics: metrics, views: viewDict))
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    }
}
